<template>
    <div>
        <h1>首页</h1>
        <navbar>
            <template v-slot:home>
                   <div class="box">
                    <van-icon name="like-o" />
                    <p>首页</p>
                   </div>
            </template>
            <template v-slot:search>
                  <div  class="box">
                        <van-icon name="like-o" />
                    <p>搜索</p>
                  </div>
            </template>
            <template v-slot:shopcar>
                  <div  class="box">
                        <van-icon name="like-o" />
                       <p> <router-link to="/shopcar">购物车</router-link> </p>
                  </div>
            </template>
            <template v-slot:sets>
                    <div  class="box">
                        <van-icon name="like-o" />
                        <p>设置</p>
                  </div>
            </template>
        </navbar>
    </div>
</template>
<script>
import navbar from '../components/navbar.vue'
export default {
  components: { navbar },
    
}
</script>